<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>数独小游戏</title>
	</head>
	<body>
		<div class="main">
			<div class="main_head">
				数独是源自18世纪瑞士的一种数学游戏。玩家需要根据n×n盘面上的已知数字，推理出所有剩余空格的数字，并满足每一行、每一列内的数字均含1~n，不重复。
			</div>
			<div class="main_head">
				当前等级:  <select id="levelSel" onchange="selectLevel()">
					<option id="levelSel_4" value="4">4</option>
					<option id="levelSel_5" value="5">5</option>
					<option id="levelSel_6" value="6">6</option>
					<option id="levelSel_7" value="7">7</option>
					<option id="levelSel_8" value="8">8</option>
					<option id="levelSel_9" value="9">9</option>
					<option id="levelSel_10" value="10">10</option>
				</select>
			</div>
			<div id="sdDiv" class="sdclass"></div>

			<div class="main_head">
				<input type="button" value="刷新" onclick="refresh()" />
				<input type="button" value="提交" onclick="submit()" />
				<input type="button" value="查看答案" onclick="answer()" />
			</div>
			<div id="sdValue" class="sdclass">

			</div>
		</div>
		<div class="main_head" style="text-align: center;">
			你可以从<a href="https://gitee.com/ihurrican/sdgame">gitee</a>下载源码
		</div>
	</body>
</html>
<style>
	.main .main_head {
		text-align: center;
		width: 100%;
		margin: 10px;
	}
	.sdclass {
		background-color: #FFFFCC;
		display: flex;
		justify-content: space-around;
        flex-wrap: wrap;
		margin: 0 auto;
		border: solid 2px black;
    	padding: 2px;
	}
	.sdItem{
		display: flex;
		align-items: center;
    	justify-content: center;
		border: 2px solid black;
	}
	.sdfocus {
		border: solid 2px red;
	}
</style>
<script src="./sd.js" type="text/javascript"></script>
<script>
	var curLevel = 5 ;
	var sourceAry = new Array() ;
	var norWH = 60 ;
	var foucusId = "" ;
	document.getElementById("levelSel_"+curLevel).selected = true ;
	selectLevel() ;


</script>